<template>
  <ElCol :span="props.span">
    <ElFormItem :="attrs">
      <slot :data="props.data" />
    </ElFormItem>
  </ElCol>
</template>

<script setup lang="ts">
import { useAttrs } from 'vue'
import { ElCol, ElFormItem } from 'element-plus'
const attrs = useAttrs()

interface Props {
  span: number;
  data: object;
}

const props = withDefaults(defineProps<Props>(), {
  data: () => ({})
})
</script>
